<template>
  <div class="box">
    <Headerhaoxie class="headerhaoxie" />
    <Navhaoxie class="navhaoxie" />
    <Act />
    <div class="content-box">
      <Goodshaoxie type="left" class="goodshaoxie" />
      <Goodshaoxie type="right" class="goodshaoxie" />
    </div>
    <Foot />
  </div>
</template>

<script>
import Headerhaoxie from "../components/find/Headerhaoxie";
import Goodshaoxie from "../components/find/Goodshaoxie";
import Act from "../components/find/act.vue";
import Navhaoxie from "../components/find/Navhaoxie.vue";
import Foot from "../components/index/Myfooter.vue";

export default {
  name: "Haoxie",
  components: {
    Headerhaoxie,
    Navhaoxie,
    Act,
    Goodshaoxie,
    Foot,
  },
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
}
.headerhaoxie {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.navhaoxie {
  position: fixed;
  top: 0.5rem;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.content-box {
  display: flex;
  justify-content: space-between;
  background-color: #f4f4f4;
  margin-bottom: .5rem;
}
.goodshaoxie {
  width: 49%;
}
</style>
